<template>
  <div id="app">
<!--   顶级路由	  -->
	  <router-view v-slot = {Component}>
		  <transition>
			  <keep-alive>
				  <component :is="Component"></component>
			  </keep-alive>
		  </transition>
	  </router-view>
  </div>
</template>

<script setup>
import {onMounted} from "vue";
import {remHandler} from "@/pojo/utils/remHandler";

onMounted(() => {
		remHandler();
		window.addEventListener("resize", remHandler);
})

</script>

<style lang="less">
*{
	  margin: 0;
	  padding: 0;
}

html {
		font-size: var(--html-font);
}
</style>
